<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>中国省市区地址三级联动jQuery插件</title>
    <link href="http://www.jq22.com/jquery/bootstrap-3.3.4.css" rel="stylesheet">
    <!--[if IE]>
    <script src="http://libs.baidu.com/html5shiv/3.7/html5shiv.min.js"></script>
    <![endif]-->
</head>
<body>
<!--[if lt IE 8]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<div class="jq22-container">

    <div class="container">
        <h3>三级联动</h3>
        <form class="form-inline">
            <div data-toggle="distpicker">
                <div class="form-group">
                    <label class="sr-only" for="province2">Province</label>
                    <select class="form-control" id="province2" data-province="---- 选择省 ----"></select>
                </div>
                <div class="form-group">
                    <label class="sr-only" for="city2">City</label>
                    <select class="form-control" id="city2" data-city="---- 选择市 ----"></select>
                </div>
                <div class="form-group">
                    <label class="sr-only" for="district2">District</label>
                    <select class="form-control" id="district2" data-district="---- 选择区 ----"></select>
                </div>
            </div>
        </form>

    </div>

</div>

<script src="http://www.jq22.com/jquery/1.11.1/jquery.min.js"></script>
<script src="http://www.jq22.com/jquery/bootstrap-3.3.4.js"></script>
<script src="__SAN__js/distpicker.data.js"></script>
<script src="__SAN__js/distpicker.js"></script>
<script src="__SAN__js/main.js"></script>
</body>
</html>